Mi Persimmon Darkテーマ化計画
こんな感じになる
https://gyazo.com/e5f7b5a06a017dbbe20d68f263da44aa
https://gyazo.com/eda3b98e44da690122076801cb68f039
projectのthemeはdarkとかにすればいい
mouii.iconの他のusercssと干渉してそうだから流用して動くかはなんとも言えない
code:style.css
body {
}
.page {
}
.text {
}
.title {
}
.new-button {
}
/* トップページのバーの色とか */
.grid li.page-list-item a {
box-shadow: none !important;
}
.grid li.page-list-item a .title {
}
.grid li.page-list-item a .description {
}
.grid li.page-list-item a .header {
}
/* 関連ページのパネルの色とか */
.grid li.relation-label.links a, .grid li.relation-label.project-links a {
}
.grid li.relation-label a {
}
.grid li.relation-label a .title {
}
.related-page-list div.links-2-hop ul.grid:hover .relation-label a {
}
/* テロメア */
.line .telomere .telomere-border {
}
/* navbarのボタンの色とか */
.navbar {
}
/* 全てのリンクの基本スタイル */
a {
text-decoration: none;
}
/* ホバー時と活性時のスタイル */
a:hover,
a:active,
text-decoration: underline;
}
/* 特定のリンクタイプに対するスタイル */
.line a.link,
.line a.page-link,
.page-list-item .description .page-link,
.page-list-item .description .link {
}
/* カーソル行のリンクスタイル */
.line.cursor-line .link {
}
/* 空のページへのリンクスタイル */
.line a.empty-page-link {
}
}
/* フォーカス時のスタイル */
outline: 0;
box-shadow: 0 0px 0px 3px rgba(161, 199, 88, 0.6);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/* pinnedのバー */
.grid li.page-list-item a .pin {
}
.grid li.page-list-item a .header.pinned {
}
/* Scrapbox全体に BIZ UDPGothic を適用 */
font-family: 'BIZ UDPGothic', sans-serif !important;
}
public.icon